<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Visual Admin Dashboard - Home</title>
<meta name="description" content="">
<meta name="author" content="templatemo">
<!-- 
    Visual Admin Template
    https://templatemo.com/tm-455-visual-admin
    -->
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700'
	rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/templatemo-style.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
	<!-- Left column -->
	<div class="templatemo-flex-row">
		<div class="templatemo-sidebar">
			<header class="templatemo-site-header">
				<div class="square"></div>
				<h1>Visual Admin</h1>
			</header>
			<div class="profile-photo-container">
				<img src="images/profile-photo.jpg" alt="Profile Photo"
					class="img-responsive">
				<div class="profile-photo-overlay"></div>
			</div>
			<!-- Search box -->
			<!--<form class="templatemo-search-form" role="search">
				<div class="input-group">
					<button type="submit" class="fa fa-search"></button>
					<input type="text" class="form-control" placeholder="Search"
						name="srch-term" id="srch-term">
				</div>
			</form>-->
			<div class="mobile-menu-icon">
				<i class="fa fa-bars"></i>
			</div>
			<nav class="templatemo-left-nav">
				<ul>
					<li><a href="index.html"><i class="fa fa-home fa-fw"></i>主页</a></li>
					<li><a href="Memorize_words.html"><i
							class="fa fa-bar-chart fa-fw"></i>背单词</a></li>
					<li><a href="Ranking.html"><i class="fa fa-database fa-fw"></i>排行榜</a></li>
					<li><a href="words.html"><i class="fa fa-map-marker fa-fw"></i>words</a></li>
					<li><a href="records.html"><i class="fa fa-users fa-fw"></i>单词记录</a></li>
					<li><a href="Test.html"><i
							class="fa 	fa fa-align-justify fa-fw"></i>单词复习</a></li>
					<li><a href="myinfo.html" class="active"><i
							class="fa fa-bar-chart fa-fw"></i>个人信息</a></li>
					<li><a href="setting.html"><i class="fa fa-sliders fa-fw"></i>设置</a></li>
					<li><a href="../login&regist.html"><i
							class="fa fa-eject fa-fw"></i>注销</a></li>
				</ul>
			</nav>
		</div>

		<div class="templatemo-content col-1 light-gray-bg">

			<div class="templatemo-content-container">
				<div class="templatemo-flex-row flex-content-row">

					<div class="templatemo-content-widget white-bg col-2">
						<i class="fa fa-times"></i>
						<div class="media margin-bottom-30">
							<div class="media-left padding-right-25">
								<a href="#"> <img
									class="media-object img-circle templatemo-img-bordered"
									src="images/person.jpg" alt="Sunset">
								</a>
							</div>
							<div class="media-body">
								<h2 class="media-heading text-uppercase blue-text" id="name">张文涛</h2>
								<p id="typeid">2</p>
							</div>
						</div>
						<div class="table-responsive">
							<table class="table">
								<tbody>
									<tr>
										<td><div class="circle green-bg"></div></td>
										<td id="sex">性别 : 男</td>

									</tr>
									<tr>
										<td><div class="circle pink-bg"></div></td>
										<td id="grade">等级 : 999</td>
									</tr>
									<tr>
										<td><div class="circle blue-bg"></div></td>
										<td id="email">email : 2264716225@qq.com</td>
									</tr>

								</tbody>
							</table>
						</div>
					</div>
				</div>

			</div>
		</div>

		<!-- JS -->
		<script src="js/jquery-1.11.2.min.js"></script>
		<!-- jQuery -->
		<script src="js/jquery-migrate-1.2.1.min.js"></script>
		<!--  jQuery Migrate Plugin -->
		<script type="text/javascript" src="js/templatemo-script.js"></script>
		<!-- Templatemo Script -->
		<!-- <script src="https://www.google.com/jsapi"></script>  Google Chart -->
		<script src="js/jquery.cookie.js"></script>
		<script>

    	if(typeof($.cookie("email"))  == "undefined"){
    		 alert("请先登录");
    		 window.location.href="../login&regist.html";
    	}

		var user;
		$.ajax({
			type:"get",
			url:"../getuser",
			async:true,
			success:function(res){
				  user = JSON.parse(res);
				  $("#email").html("email : "+user["email"]);
				  $("#name").html(user["name"]);
				  $("#typeid").html("typeid : "+user["typeid"]);
				  $("#sex").html("性别 : "+user["sex"]);
				  $("#grade").html("等级 : "+user["grade"]);
			}
		});
	

    </script>
</body>
</html>